<template>
  <div class="know">
    <ul class="view-box">
      <router-link tag="li" to="/home" class="head-l">
        返回
      </router-link>
    </ul>
    <div class="read">
      <div class="read-title">
        <h1>八大零食安全<big>隐患</big>，你中了几个？</h1>
        <span>作者：王焱</span>
      </div>
      <div class="read-text">
        <div class="text-pic">
          <img :src="imgs" alt="">
        </div>
        <div class="text-1">
          <p>{{ read_data1 }}</p>
        </div>
        <div class="text-2">
          <h3>1.乳饮料</h3>
          <p>{{ read_data2 }}</p>
        </div>
        <div class="text-3">
          <h3>2.果汁</h3>
          <p>{{ read_data3 }}</p>
        </div>
        <div class="text-4">
          <h3>3.冰品</h3>
          <p>{{ read_data4 }}</p>
        </div>
        <div class="text-5">
          <h3>4.薯片</h3>
          <p>{{ read_data5 }}</p>
        </div>
      </div>
      <div class="shop">
        <h1>为你推荐</h1>
      </div>
      <KnowShop />
    </div>
    <router-link to="/shoppingcart" class="iconfont icon-gouwuche gouwuCar" tag="div">
      <p v-if="carTatalNum">{{ carTatalNum }}</p>
    </router-link>
  </div>
</template>

<script>

import KnowShop from './knowShop/KnowShop'
import { mapGetters } from 'vuex'
  export default {
    name:"Know",
    data(){
      return{
        imgs:require("../../../assets/pimages/zhishi1.jpg"), // 336*223
        read_data1: "你是重度零食依赖者吗？无论看书看片，心情好的时候，还是心情不好的时候，无论忙的时候还是闲的时候，嘴巴可都没闲过！吃吃喝喝本是人生常态，要不我们为什么要活着！可是如今零食里的添加剂越来越多，即使很多标榜「安全」的零食，也存在很多隐患。一定要擦亮眼睛哎呀！",
        read_data2: "其实没啥蛋白质。乳饮料≠奶！依据国家标准奶中的蛋白质含量不得低于2.5g／100ml，而乳饮料或乳酸菌饮料蛋白质含量不得低于1g／100ml。乳饮料不能代替奶。有些乳饮料中含有乳酸菌，可以滋润肠道，但每天不宜多喝，不能代替水。所以喝牛奶相关的饮料，一定要看配料表，配料表的成分都是由大到小排的，如果乳饮料第一位是水，我觉得吧，就当水喝吧。别指望有多少蛋白质。",
        read_data3: "主要是含糖量过高。现在很多维生素果汁饮料含糖量普遍较高，一些饮料含糖量为7.5g／100g，那么一瓶300ml的饮品仅含糖量贡献的热量就有90千卡，建议每天不要超过1瓶。果汁中的VC含量不能代替新鲜水果或鲜榨果汁，在生产过程中会加入人工VC。",
        read_data4: "细菌总数很可能超标。吃冰品不能贪多，用餐前两小时、睡前、剧烈运动大量流汗之后，会刺激肠胃黏膜引起痉挛、溃疡等疾病。女生大姨妈期间禁止食用！冰品细菌容易超标，选择品牌很重要。自己做也要注意密封冷冻。",
        read_data5: "细菌总数很可能超标。吃冰品不能贪多，用餐前两小时、睡前、剧烈运动大量流汗之后，会刺激肠胃黏膜引起痉挛、溃疡等疾病。女生大姨妈期间禁止食用！冰品细菌容易超标，选择品牌很重要。自己做也要注意密封冷冻。"
      }
    },
    components:{
      KnowShop
    },
    computed: {
      ...mapGetters({
            carTatalNum: 'car/carTatalNum'
        })
    }
  }
</script>

<style scoped>
.know{
  width: 100%;
  height: 100%;
}
.view-box{
  width: 100%;
  height: 0.9rem;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #44bf91;
  z-index: 100;
}
li{
  float: left;
  text-align: center;
  line-height: 0.9rem;
  color: #f1f1f1;
  font-weight: normal;
}
.head-l{
  width: 20%;
}
.head-c{
  width: 60%;
}
.head-r{
  width: 20%;
}
.read{
  width: 95%;
  margin: 0 auto;
  margin-top: 1.2rem;
  text-align: center;
}
.read .read-title h1{
  color: #3fbb89;
  font-size: 0.6rem;
  line-height: 200%;
  border-bottom: 1px solid #c8c8c8;
}
.read .read-title h1 big{
  color: #f50000;
  font-size: 0.72rem;
}
.read .read-title span,p{
  display: block;
  text-align: left;
  color: #7e7e7e;
  font-weight: 500;
}
.read-text{
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 1rem;
}
.text-pic{
  margin-top: 0.2rem;
}
.text-pic img{
  width: 3.36rem;
  height: 2.23rem;
}
.text-1,h3,.text-1 p{
  color: #2ab789;
}
.text-2,.text-1,h3{
  text-align: left; 
}
.text-1,p{
  margin-top: 0.2rem;
  font-size: 0.24rem;
}
.text-2,.text-3,.text-4,.text-5{
  margin-top: 0.3rem;
}
.shop{
  text-align: left;
  font-size: 0.3rem;
  margin-top: 0.1rem;
}
</style>